<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="./css/style.css" rel="stylesheet" type="text/css">
<title>HCGNet</title>
</head>
<body>
<div id="fondo">
  <header>
    <h1>Cabecera: header</h1>
  </header>
  <nav>
    <ul>
      <li><a class="mtarea" href="#">Mostrar Tareas</a></li>
      <li><a class="btarea" href="#">Buscar Tareas</a></li>
      <li><a class="salir" href="#">Salir</a></li>
    </ul>
  </nav>
  <article>
  <div class="pizarra">
<div class="posit">
  	  		<p> Nota 1 </p>
  	  		<p> Hay que comprar pan </p>
  	  	</div>
  	  	<div class="posit">
  	  		<p> Nota 2 </p>
  	  		<p> Hay que comprar sal </p>
  	  	</div>
  	  	<div class="posit">
  	  		<p> Nota 3 </p>
  	  		<p> Hay que comprar harina </p>
  	  	</div>
  	  	<div class="posit">
  	  		<p> Nota 4 </p>
  	  		<p> Hay que comprar leche </p>
		</div>  	  		
  	  	<div class="posit">
  	  		<p> Nota 5 </p>
  	  		<p> Hay que comprar pizzas </p>
		</div>  	  		
  	  	<div class="posit">
  	  		<p> Nota 6 </p>
  	  		<p> Hay que comprar cafe </p>
  	  	</div>  		
  </div>	  		
  </article>
  <aside>
  Área de contenido destacado 
  y relacionado: <strong>aside</strong>
  </aside>
  <footer>Pie: <strong>footer</strong></footer>
</div>
</body>
</html>
